<extend name="Public:base" />
<block name="title"><title>心e购-我的订单</title></block>
<block name="body">
	<header class="mui-bar mui-bar-nav">
		<h1 class="mui-title">我的订单</h1>
	</header>
	<div class="mui-content">
		<div class="dis_flex tab_title">
			<a href="/Wap/Order/index" class="flex1 <if condition="empty($order_state)">active</if>">全部订单</a>
			<a href="/Wap/Order/index?order_state=10" class="flex1 <if condition="$order_state == 10">active</if>">待付款</a>
			<a href="/Wap/Order/index?order_state=20" class="flex1 <if condition="$order_state == 20">active</if>">待发货</a>
			<a href="/Wap/Order/index?order_state=30" class="flex1 <if condition="$order_state == 30">active</if>">待收货</a>
			<a href="/Wap/Order/index?order_state=40" class="flex1 <if condition="$order_state == 40">active</if>">已收货</a>
		</div>

		<div class="dd_main">
			<volist name="order_data" id="vo">
			<div class="mui-card">
				<div class="mui-card-header">
					<p class="mui-push-left mui-text-left dp_name">{$vo.store_name}</p>
					<p class="mui-pull-right mui-text-right">
						<switch name="vo.order_state">
							<case value="10">
						<span class="color_red">
							等待买家付款
						</span>
							</case>
							<case value="20">
						<span class="color_blue">
							等待商家发货
						</span>
							</case>
							<case value="30">
						<span class="color_green">
							等待买家收货
						</span>
							</case>
							<case value="40">
						<span class="color_grey">
							买家已货
						</span>
							</case>
						</switch>
					</p>
				</div>
				<div class="mui-card-content">
					<div class="mui-card-content-inner dis_flex">
						<div class="img_box">
							<img src="{$vo.goods_image}"/>
						</div>
						<div class="flex1 ddxx">
							<p class="mui-ellipsis sp_title">{$vo.goods_name}</p>
							<!-- <p>颜色：<span>红色</span></p>
							<p>码数：<span>L</span></p>
							<p>数量：<span>1</span></p> -->
							<p class="sp_jg">价格：￥<span>{$vo.goods_amount}</span></p>
						</div>
					</div>
				</div>
				<div class="mui-card-footer mui-text-right">
					<switch name="vo.order_state">
							<case value="10">
						<a href="/Wap/Order/delete_order?order_id={$vo.order_id}" class="mui-btn">删除订单</a>
						<button type="button" class="mui-btn mui-btn-danger">去付款</button>
							</case>
							<case value="30">
						<button type="button" class="mui-btn mui-btn-primary">确认收货</button>
							</case>
							<case value="40">
						<a href="/Wap/Order/delete_order?order_id={$vo.order_id}" class="mui-btn">删除订单</a>
							</case>
					</switch>
				</div>
			</div>
			</volist>
		</div>
	</div>
</block>